@charset "utf-8";
/* CSS Document */

/*common*/

.container{width:940px; position:relative; padding:0; zoom:1; }
.container:after{content:""; display:block; clear:both;}
.keybox{background:url(/images/common/content_bg.gif) 0 0 no-repeat; width:938px; height:15px;  padding:0; zoom:1; position:absolute; left:26px; }
.pop{width:450px; margin:0; }
.container h2{border-bottom:solid 1px #e1e1e1; height:30px; margin-top:40px;   }
.container .tjoin{background:url(/images/member/stit_join.png) no-repeat 0 0;}
.container .tlogin{ background:url(/images/member/stit_login.png) no-repeat 0 0; }
.container .tidpw{ background:url(/images/member/stit_idpw.png) no-repeat 0 0;  }
.container .visual{ background:url(/images/member/idpw_visual.png) no-repeat top right; height:124px; width:100%; }
.line{ float:left; height:10px; width:100%; background:url(/images/member/line_hatching.jpg) repeat-x 0 0; margin:50px 0;}

.bt_area{ float:left;height:32px; width:100%; text-align:center; }

select{height:21px; margin:0 5px 0 0; padding:2px;}
.check{ border:none;}
label{ margin:0; height:13px;}
.input_radio{ border:none;  }
.input_check{border:none; }
.inpText{height:16px; padding:2px; margin:0 5px 0 0; border:solid 1px #ccc;}
.input_select{height:22px; padding:2px; margin:0 5px 0 0; border:solid 1px #ccc;}
.bottom{ margin:5px 0;}
.point{ color:#fdaa0b;}
.bold{ font-weight:bold;}

/*커튼데코레이션*/
.drapes{ width:994px; margin:0 auto; text-align:center; position:relative; }
.drapes .drap1{position:absolute; left:0;}
.drapes .drap2{position:absolute; right:0;}


/*회원가입 메인*/
.main{float:left; margin:0 200px;}
.main:after{content:""; display:block; clear:both;}
.main span{height:253px; width:493px; top:0; background:url(/images/member/join_visual.png) no-repeat 0;}
.main .joinbt{margin-left:31px;}
.main dt{float:left; margin:0 40px; display:block;}

.joinbenefit{float:left; margin-bottom:20px; *padding-bottom:20px;}
.joinbenefit h3{ height:30px; background:url(/images/member/ptit_freebenefit.png) no-repeat 0 0; width:940px;}

.joinFieldText,
.joinConfirmText{margin:0 0 7px 0; float:left; color:#777;}
.joinConfirmText:after{content:""; display:block; clear:both;}

.agreement h3{height:30px; background:url(/images/member/sstit_agreement.png) no-repeat 0; margin-top:40px;}
.information h3{height:30px; background:url(/images/member/sstit_information.png) no-repeat 0; margin-top:40px;}
.joinField h3,
.idcheck h3,
.pw h3{height:30px; margin-top:40px; }
.pw h3{clear:both;}
.id h3,
.result h3{height:30px;}
.information{ margin-bottom:30px;}
.bx{height:170px; border:solid 1px #e1e1e1; overflow:auto; padding:30px;  line-height:22px; }
.check{margin:10px 0 0 0;}



/*회원가입14세이상약관동의*/
.sub{float:left; margin:0 70px; width:789px; }
.joinnavi{margin:20px 0 0 0; }
.joinnavi li{float:left; padding-right:2px; display:block; width:195px; height:85px; overflow:hidden;  background:no-repeat 50% 0;}
.joinnavi .m1{background:url(/images/member/join_tap01.png) no-repeat;}
.joinnavi .m2{background:url(/images/member/join_tap02.png) no-repeat;}
.joinnavi .m3{background:url(/images/member/join_tap03.png) no-repeat;}
.joinnavi .m4{background:url(/images/member/join_tap04.png) no-repeat;}

.joinnavi .over{background-position:50% -85px;}



/*회원가입14세이상 실명인증*/
.tab{height:30px; width:100%; margin-bottom:15px; }
.tab ul{height:31px; width:100%;  border-bottom:solid 1px #d7d7d7;}
.tab li{float:left; display:block; overflow:hidden; height:30px; background:url(/images/common/tabbg.png) no-repeat 0 0; text-align:center; padding-top:10px; margin-top:2px; margin-right: 5px; }
.tab .off{width:147px; background-position:-146px 0;}
.tab .on{width:147px;  font-weight:bold; background-position:0 0; }
.tab .end{ margin-right:0;}


.joinConfirm{float:left;border:solid 5px #efeaf4; width:758px; padding:10px 10px 20px; margin-bottom:30px;  } 
.joinConfirm th{ height:45px;}
.joinConfirm th label{font-weight:bold; color:#363636; background:url(/images/member/bullet1.png) no-repeat 0 20%; padding-left:10px; }
.idtext{float:left; color:#999999; margin:10px 0 0 0;  border-top:dashed 1px #d7d7d7; width:100%; padding-top:10px;}
.idtext dd{background:url(/images/member/bullet2.png) no-repeat 0 20%; padding-left:25px; margin-bottom:10px;}

.ipin,
.name{text-align:center; }
.ipin .ipinText,
.name .nameText{line-height:20px; color:#4a4287; padding:10px;}



/*회원가입14세이상 실명인증
.idcheck .tab{height:30px; width:100%; margin-bottom:15px; }
.idcheck .tab ul{height:32px; width:100%;}
.idcheck .tab li{float:left; display:block; overflow:hidden; height:30px; background:url(../images/common/tabbg.png) no-repeat 0 0; text-align:center; padding-top:10px; margin-top:2px; }
.idcheck .tab .off{width:147px; background-position:-147px 0;}
.idcheck .tab .on{width:147px;  font-weight:bold; background-position:0 0; }
.tline{ border-bottom:solid 1px #d7d7d7; height:31px;}


.idcheck .joinConfirm{float:left;border:solid 5px #efeaf4; width:758px; padding:10px 10px 20px; margin-bottom:30px;  } 
.idcheck .joinConfirm th{ height:45px;}
.idcheck .joinConfirm th label{font-weight:bold; color:#363636; background:url(/images/member/bullet1.png) no-repeat 0 20%; padding-left:10px; }
.idtext{float:left; color:#999999; margin:10px 0 0 0;  border-top:dashed 1px #d7d7d7; width:100%; padding-top:10px;}
.idtext dd{background:url(/images/member/bullet2.png) no-repeat 0 20%; padding-left:25px; margin-bottom:10px;}

.ipin,
.name{text-align:center; }
.ipin .ipinText,
.name .nameText{line-height:20px; color:#4a4287; padding:10px;}
*/
/*이미인증되었습니다*/
.checkPvt{text-align:center; }
.checkPvt img{margin-bottom:30px;}


/*회원정보입력*/
.joinField{margin-bottom:30px; }
.joinField table {border-top:solid 1px #534b8d;  border-bottom:solid 2px #e1e1e1;  }
.joinField tr{height:45px;   }
.joinField th{background:#f9fafc; color:#707070; font-weight:bold; padding-left:20px; border-bottom:solid 1px #ebebeb;}
.joinField td{padding:8px 0 8px 20px; border-bottom:solid 1px #ebebeb; vertical-align:middle;}
.joinField .end{border-bottom:none;}
.joinField th img{ margin:10px; border:solid 1px #ebebeb;}
.joinField span{font-size:11px; color:#999999;}
.joinField span.underline{ text-decoration:underline; padding-left:5px;}
.bt_area .yes{ border:none; width:71px; height:32px; margin:0; padding:0;}

/*회원가입 결과*/
.result span{height:253px; width:510px; top:0; background:url(/images/member/join_result_visual.png) no-repeat 0; text-align:center; margin-bottom:30px; }

/*팝업*/
.pop h1{ background:url(/images/member/ptit_joincheck.png) no-repeat 0; margin:10px;}
.pop .zigline{width:100%; height:13px; background:url(/images/member/zigline.png) repeat-x 0; }
.pop .contents{ margin:30px;}
.pop .contents h2{ font-size:15px; font-weight:bold; color:#605ca8; margin-bottom:5px; }
.pop .contents .box2{ background:#f9f9f9; border:solid 1px #cccccc; padding:25px 90px; margin:10px 0 5px 0; }
.pop .contents .box2 dt{ float:left; font-weight:bold; color:#363636; margin:3px 20px 0 0;}
.pop .contents .popText2{font-size:11px; color:#898989;}
.pop .contents .popNotice{ border-top:solid 1px #d7d7d7; font-size:11px; margin:25px 0 0 0; padding:20px 0 0 0;}
.pop .contents .popNotice dt{background:url(/images/member/bullet2.png) no-repeat 0 20%; padding-left:25px; font-weight:bold; color:#363636;}
.pop .contents .popNotice dd{ background:url(/images/member/bullet1.png) no-repeat 0 20%; padding-left:10px; margin-left:25px; color:#707070;}


.pop .contents .box3{ background:#f9f9f9; border:solid 1px #cccccc;  margin:10px 0 5px 0;  padding:25px; text-align:center;  }
.pop .contents .box3 dt{ color:#605ca8; font-weight:bold;}


/*로그인박스*/
.login{text-align:center;  width:800px; display:block; }
.login:after{ display:block; overflow:hidden; content:''; clear:both;}
.login .fbox{ display:block; height:230px; margin-top:20px;}
.login .box{border:solid 1px #e1e1e1; width:515px; height:208px; float:left;  }
.login .box .w_lg{float:left; width:303px;  height:208px;  border-right:solid 1px #e1e1e1; }
.login .box .w_lg h3{background:url(/images/member/sstit_loginbox.png) no-repeat top left; height:29px; width:100%;}
.w_lg fieldset{width:250px; height:123px; padding:0; margin:0; position:relative; margin:20px 0 0 10px; }
.w_lg fieldset .ibg1{background:url(/images/main/input1.gif) 0 0 no-repeat; width:145px; height:30px; display:block; margin:5px 0 0 20px; *margin-right:80px;   }
.w_lg fieldset .ibg1:hover{background:url(/images/main/input1_on.gif) 0 0 no-repeat;}
.w_lg fieldset input{margin:6px 0 0 10px; color:#333; border:1px solid #fff; width:114px; font-size:12px; *width:100px; }
.w_lg fieldset .ibg2{background:url(/images/main/input2.gif) 0 0 no-repeat; width:145px; height:30px; display:block; margin:10px 0 0 20px;  *margin-right:80px;  }
.w_lg fieldset .ibg2:hover{background:url(/images/main/input2_on.gif) 0 0 no-repeat;}
.w_lg fieldset button{background:url(/images/main/btn_search.gif) 0 0 no-repeat; width:75px; height:75px; position:absolute; top:0; right:0; border:none;}
.w_lg .member{ padding:7px 0 0 10px; color:#5b5957; background:#f9f9f9; border-top:solid 1px #e1e1e1; height:28px; *margin-top:18px; }
.w_lg .member a{color:#5b5957;}
.w_lg .member em{padding:0 5px;}
.w_lg fieldset .input_check{width:13px;}
.w_lg fieldset .idck{margin:10px; float:left;}
.login .box .benefit{ float:right;padding:10px;}
.login .box .benefit li{border-bottom:solid 1px #e1e1e1; padding:5px 0; }
.login .box .benefit .end{ border-bottom:none;}
.loginlist { clear:both; width:940px; }
.loginlist .left{ float:left; border-right:dashed 1px #e1e1e1; margin-bottom:30px; width:270px; padding:0 20px; }
.loginlist .left .theme{ margin-top:0;}
.loginlist .left .tostar{ padding-top:0;}
.loginlist .end{border-right:none; padding-left:0; }
.loginlist .left:after{content:""; display:block; clear:both;}

/*로그인경고창*/
.wrong{width:100%; background:#fbeccf; margin:20px 0; padding:7px 0;}
.wrong .wrong_text{background:#fff; border:solid 1px #fee0a6; padding:10px 0; margin:0 7px;}
.wrong dt{color:#f7941d;}
.wrong dd{ color:#898989;}


/*아이디/비번찾기*/
.pw .name p,
.pw .ipin p{ text-align:left;}
.pw .name .nameID,
.pw .ipin .nameID{ font-weight:bold;  background:#f9f9f9; padding:10px; margin:0 10px;}

.result .box3{ background:#f9f9f9; border:solid 1px #cccccc;  margin:10px 0 20px 0; padding-top:20px; padding-bottom:20px; text-align:center;}
.result .box3 em{ font-weight:bold;  color:#fdaa0b; margin:0 5px;}
.result h3{height:30px; background:url(/images/member/sstit_search.png) no-repeat 0; margin-top:40px;}
.result .img{ text-align:center;}

